<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>优惠券</title>
    <!--引用第三方的样式-->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <!--引用样式重置文件-->
    <link rel="stylesheet/less" href="./css/base.less">
    <!--引用自己的样式文件-->
    <link rel="stylesheet/less" href="./css/discount.less">
    <!--引用less.js-->
    <script src="./lib/less/less.min.js"></script>
</head>

<body>
<!--优惠券头部-->
<header class="clearfix">
    <div class="back"><a href="#" class="glyphicon glyphicon-menu-left back"></a></div>
    <h1 id="top">优惠券</h1>

    <div class="app"><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.manmanbuy.bijia" class=""></a></div>
</header>
<!--优惠券列表-->
<section class="one clearfix">
    <!--优惠图标-->
    <ul class="clearfix" id="list">
        <!--<li>-->
            <!--<a href="#">-->
                <!--<img src="" alt=""/>-->

                <!--<p>肯德基</p>-->
            <!--</a>-->
        <!--</li>-->
        <!--<li>-->
            <!--<a href="#">-->
                <!--<img src="" alt=""/>-->

                <!--<p>肯德基</p>-->
            <!--</a>-->
        <!--</li>-->
        <!--<li>-->
            <!--<a href="#">-->
                <!--<img src="" alt=""/>-->

                <!--<p>肯德基</p>-->
            <!--</a>-->
        <!--</li>-->
        <!--<li>-->
            <!--<a href="#">-->
                <!--<img src="" alt=""/>-->

                <!--<p>肯德基</p>-->
            <!--</a>-->
        <!--</li>-->
    </ul>
    <!--首页>优惠券-->
    <div class="back_first">
        <a href="#" >首页</a>&nbsp;&gt;&nbsp;<a href="javascript:;" id="update">优惠券</a>
    </div>
</section>
<!--优惠券底部-->
<footer>
    <div class="foot-top">
        <a href="#">登陆</a>
        <a href="#">注册</a>
        <a href="#top"><img src="./images/top.jpg" alt=""/>返回顶部</a>
    </div>
    <div class="foot-bottom">
        <p><a href="#">手机APP下载</a>
            <a href="#">慢慢买手机版</a> -- 掌上比价平台</p>

        <p> m.manmanbuy.com</p>
    </div>
</footer>
<!--固定app-->
<div class="app">
    <a href="#"><img src="./images/app.png" alt=""/></a>
</div>
</body>


<!--引用jq-->
<script src="./lib/jquery/jquery-1.12.2.js"></script>
<!--引用bootstrap.js-->
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>

<!--引用template.js-->
<script src="./lib/template/template.js"></script>
<script type="text/template" id="shop">
    {{each result as value i}}
    <li>
        <a href="./list/list.html?list={{value.couponId}}">
            <img src="{{value.couponImg}}" alt=""/>
            <p>{{value.couponTitle}}</p>
        </a>
    </li>
    {{/each}}
</script>
<!--引用自己的js-->
<script src="./js/discount.js"></script>

</html>